//模块容器默认样式
@mixin block {
	background-color: #ffffff;
	border-radius: 24rpx;
	box-sizing: border-box;
	padding: 32rpx 24rpx;
	margin-bottom: 24rpx;
}

//文字样式 字体大小，行高，加粗，颜色
@mixin fontStyle($size, $lineHeight, $color, $fontWeight:400) {
	font-size: $size+rpx;
	line-height: $lineHeight+rpx;
	font-weight: $fontWeight;
	color: $color;
}

//容器上下左右内边距
@mixin container {
	box-sizing: border-box;
	padding: 24rpx 20rpx;
}

//子元素两端对齐，上下居中
@mixin flex-space-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@mixin flex-space-around {
	display: flex;
	align-items: center;
	justify-content: space-around;
}


//子元素上下居中
@mixin flex {
	display: flex;
	align-items: center;
}

//子元素上下垂直居中左右居中
@mixin flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

//元素尺寸 border-radius可以传 50% | 24rpx 要带单位
@mixin size($w, $h, $borderRadius:0) {
	@if type-of($value:$w)=='string' {
		width: $w;
	}

	@else {
		width: $w+rpx;
	}

	@if type-of($value:$h)=='string' {
		height: $h;
	}

	@else {
		height: $h+rpx;
	}

	border-radius: $borderRadius;
	display: block;
}